<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>首页</title>
    <!--轮播的css-->
    <link rel="stylesheet" href="css/swiper.min.css"/>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/iconfont.css" />
    <link rel="stylesheet" href="css/home-page.css" />
    <link rel="stylesheet" href="css/all.css" />
    <link rel="stylesheet" href="css/footer.css" />
</head>
<body>
<div>
    <div class="head-one row">
            <div onclick="location.href='./message-center.html'">
                <div class="dingwei">
                <i class="iconfont icon-icon-test"></i>
                <span>郑州</span>
            </div>
            </div>
            <div onclick="location.href='./search.html'">
                <div class="sousuo">
                    <i class="iconfont icon-sousuo"></i>
                    <span>搜店铺，搜商品</span>
                </div>
            </div>
        </div>
    <div class="middle-three">
      <div class="swiper-container p-r">
         <!-- <img src="img/banner.png" alt="">-->
         	<div class="swiper-wrapper">
			      <!--<div class="swiper-slide"><img src="img/banner.png" alt=""></div>
			      <div class="swiper-slide"><img src="img/banner.png" alt=""></div>
			      <div class="swiper-slide"><img src="img/banner.png" alt=""></div>
			      <div class="swiper-slide"><img src="img/banner.png" alt=""></div>
			      <div class="swiper-slide"><img src="img/banner.png" alt=""></div>-->
			    
		    </div>
		    <!-- Add Pagination -->
		    <div class="swiper-pagination"></div>
		    <!-- Add Arrows -->
		    <div class="swiper-button-next"></div>
		    <div class="swiper-button-prev"></div>
      </div>
      <div class="fenlei-one">
            <ul class="flex">
                <!--<li class="fenleis">
                   <a href="supermarket.html">
                    <img src="img/chaoshi.png" alt="">
                    <i>百货超市</i>
                   </a>
                </li>
                <li class="fenleis">
                    <a href="garment.html">
                    <img src="img/yifu.png" alt="">
                    <i>服装配饰</i>
                    </a>
                </li>
                <li class="fenleis">
                    <a href="skin-care.html">
                    <img src="img/meizhuang.png" alt="">
                    <i>美妆护肤</i>
                    </a>
                </li>
                <li class="fenleis">
                    <a href="mobile-digital.html">
                    <img src="img/shouji.png" alt="">
                    <i>手机数码</i>
                    </a>
                </li>-->
            </ul>
        </div>
      <div class="hot">
            <i>热门推荐</i>
        </div>
      <div class="products flex">
          <!--<a onclick="location.href='./commodity-details.html'">
            <div class="product">
                <div class="product-one">
                    <img src="img/500522903.png" alt="">
                </div>
                <div>
                    <p>卢美诺斯3152</p>
                    <span>(</span><i class="money">1元</i><span>/100次)</span>
                </div>
            </div>
            </a>
          <a onclick="location.href='./commodity-details.html'">
              <div class="product flex">
                  <div class="product-one">
                      <img src="img/501056327.png" alt="">
                  </div>
                  <div>
                      <p>卢美诺斯3152</p>
                      <span>(</span><i class="money">1元</i><span>/100次)</span>
                  </div>
              </div>
          </a>
          <a onclick="location.href='./commodity-details.html'">
              <div class="product flex">
                  <div class="product-one">
                      <img src="img/500522903.png" alt="">
                  </div>
                  <div>
                      <p>卢美诺斯3152</p>
                      <span>(</span><i class="money">1元</i><span>/100次)</span>
                  </div>
              </div>
          </a>
          <a onclick="location.href='./commodity-details.html'">
              <div class="product flex">
                  <div class="product-one">
                      <img src="img/501056327.png" alt="">
                  </div>
                  <div>
                      <p>卢美诺斯3152</p>
                      <span>(</span><i class="money">1元</i><span>/100次)</span>
                  </div>
              </div>
          </a>-->
        </div>
    </div>
    <div class="footer">
        <ul class="flex" id="bottom">
            <li class="footer-one">
                <a href="home-page.html">
                    <i class="iconfont icon-xiazai45"></i>
                    <i class="shouye"> 首页</i>
                </a>
            </li>
            <li class="footer-one">
                <a href="push-merchants.html">
                    <i class="iconfont icon-weibiaoti2fuzhi15"></i>
                    <i>发现</i>
                </a>
            </li>
            <li class="footer-one">
                <a href="personage.html">
                    <i class="iconfont icon-wode"></i>
                    <i>我的</i>
                </a>
            </li>
        </ul>
    </div>
</div>
  <!--轮播的css-->
<script src="js/swiper.min.js"></script>
<script src="js/jquery.js"></script>
<script src="js/x_rem.js"></script>
<script src="js/all.js"></script>
<script type="text/javascript">
	//分类
	(function(){
		 var data ={
		 	
		 };
		 
		 var success=(data)=>{
		  
		 	var html = "";
		 	for(let i=0;i<data.message.length;i++){
		 		 html+=`		  
	                <li class="fenleis">
	                   <a href="supermarket.html?id=${data.message[i].goodsTypeId}&picture=${data.message[i].name}">
	                    <img src="${data.message[i].picture}" alt="">
	                    <i>${data.message[i].name}</i>
	                   </a>
	                </li>
			 	`
		 	 
		 	}
		
		 	$(".fenlei-one > ul").html(html);
		 }
		
		 Hajax("post","/content/findGoodsType",data,success)
	})();
	
	
	//热门推荐
	(function(){
		var data={
			
		};
		
		var success=(data)=>{
			var html = "";
			
			for(let i=0; i<data.message.length; i++){
				html+=`
					<a onclick="location.href='./commodity-details.html?browseTaskId=${data.message[i].browseTaskId}'">
			            <div class="product">
			                <div class="product-one">
			                    <img src="${data.message[i].portrait}" alt="">
			                </div>
			                <div>
			                    <p>${data.message[i].title}</p>
			                    <span>(</span><i class="money">${data.message[i].oneMoney}元</i><span>/${data.message[i].envelopesNum}次)</span>
			                </div>
			            </div>
			        </a>
				`
			}
			$(".products").html(html);
			
		};
		
		Hajax("post","/content/findContent1",data,success);
		
		
	})();
	
	
	//调用轮播接口
	(function(){
		var data={
			
		};
		
		var success=(data)=>{
			var html="";
			
			for(let i=0;i<data.message.length;i++){
				html+=`
					<div class="swiper-slide"><img src="${data.message[i].pic}" alt=""></div>
				`
			}
			$(".swiper-wrapper").html(html);
			
					//调用轮播的js
			 var swiper = new Swiper('.swiper-container', {
			  	spaceBetween: 30,
			  	centeredSlides: true,
			  	autoplay: {
			    	delay: 2500,
			    	disableOnInteraction: false,
			  	},
			 	pagination: {
			    	el: '.swiper-pagination',
			    	clickable: true,
			  	},
			  	navigation: {
			    	nextEl: '.swiper-button-next',
			    	prevEl: '.swiper-button-prev',
			  	},
		    });
		};
		
		Hajax("post","/content/findContent0",data,success);
		
		
		
	
	})();
	
 
	
 
	
</script>
</body>
</html>